<template>
  <!-- <q-header class="q-py-xs bg-white text-grey-8" height-hint="48" style="box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; padding-bottom: 2px"> -->
  <!-- <q-page-sticky position="top" expand class="text-white"> -->
  <div class="q-pa-md text-white" position="top" expand style="background-color: #fcfcff;">
    <div class="q-gutter-y-md">
      <q-tabs v-model="tab" class="text-teal shadow-2" align="justify">
        <q-tab name="mails" icon="mail" label="Mails" />
        <q-tab name="alarms" icon="alarm" label="Alarms" />
        <q-tab name="movies" icon="movie" label="Movies" />
      </q-tabs>
    </div>
  </div>
  <!-- </q-page-sticky> -->

</template>

<script>
import { thumbStyleOfMenu } from '../BaseContent/ThumbStyle'
// import BaseMenuItem from './BaseMenuItem'
// import BottomLink from './BottomLink'
export default {
  name: 'base-menu',
  // components: { BaseMenuItem },
  data () {
    return {
      menuList: this.$store.getters.getRoutes[0].children,
      bgColor: 'bg-white',
      thumbStyleOfMenu,
      tab: 'mails'
    }
  }
}
</script>
